<template>
  <div  >
    <el-progress :text-inside="true" :stroke-width="22" :percentage="70" status =""></el-progress>
    <el-progress :text-inside="true" :stroke-width="24" :percentage="100" status="success"></el-progress>
    <el-progress :text-inside="true" :stroke-width="22" :percentage="80" status="warning"></el-progress>
    <el-progress :text-inside="true" :stroke-width="20" :percentage="50" status="exception"></el-progress>
  </div>
</template>

<script>
export default {
  name: 'progress',
}
</script>
<style scoped>
.el-progress{
  width:300px;
  margin-bottom:20px;
}
</style>
